$(function () {
  // 需求1:获取用户基本信息
  let layer = layui.layer
  let form = layui.form
  initUserInfo()
  function initUserInfo() {
    axios({
      method: 'GET',
      url: '/my/userinfo',
      // headers: {
      //   Authorization: localStorage.getItem('token')
      // }
    }).then((res) => {
      // console.log(res.data)
      let obj = res.data
      if (obj.status !== 0) {
        return layer.msg(obj.message)
      }
      // 利用layui中的表单取值和赋值
      form.val('formUserInfo', obj.data)
    })
  }

  // 需求2:自定义验证
  form.verify({
    nickname: function (value) {
      if (value.length > 10) {
        return '昵称长度在1~10位之间'
      }
    }
  })

  // 需求3:修改用户信息
  $("form").on('submit', function (e) {
    e.preventDefault()
    axios({
      method: 'POST',
      url: '/my/userinfo',
      // headers: {
      //   Authorization: localStorage.getItem('token')
      // },
      data: $("form").serialize()
    }).then((res) => {
      console.log(res.data)
      let obj = res.data
      if (obj.status !== 0) {
        return layer.msg('修改用户信息失败')
      }
      layer.msg('恭喜你用户信息成功')
      window.parent.getUserInfo()
    })
  })

  // 需求4:重置表单
  $('form').on('reset', function (e) {
    e.preventDefault()
    initUserInfo()

  })
})